<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    @import "mate.html"
    <title>年所得12万以上申报</title>
    <link rel="stylesheet" href="../assets/weui/lib/weui.min.css">
    <link rel="stylesheet" href="../assets/weui/css/jquery-weui.min.css">
    <link rel="stylesheet" href="../css/style.min.css">
    <style>
        #tax-get-hidden{
            position: absolute;
            opacity:0;
            left: 0;
            top: 0;
            height: 100%;
            z-index: 1;
        }
        .weui-input{
            text-align: right;
        }

    </style>
</head>
<body>
<div class="padding-bottom">
    <form id="cert-form" action="">
        <div class="swiper-container" data-space-between='10' data-pagination='.swiper-pagination' data-autoplay="1000">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="../images/banner.png" alt="">
                </div>
            </div>
        </div>
        <div class="weui-cells weui-cells_form">
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">申报类型</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" value="申报类" readonly>
                    <!--<select class="weui-select">
                        <option value="0">请选择</option>
                        <option value="1">登记类</option>
                        <option value="2">申报类</option>
                        <option value="3">优惠类</option>
                        <option value="4">证明类</option>
                    </select>-->
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">申报事项</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" value="年所得12万以上申报" readonly>
                </div>
            </div>
        </div>

        <div class="weui-cells">

            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">所得期间</label></div>
                <div class="weui-cell__bd">
                    <input name="year" class="weui-input" id="tax-get" type="text" placeholder="请选择" value="2017-10" readonly>
                    <input class="weui-input" id="tax-get-hidden" type="text">
                </div>
            </div>

            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label class="weui-label">所得项</label>
                </div>
                <div class="weui-cell__bd">
                    <select class="weui-select">
                        <option value="0">请选择</option>
                        <option value="1">工资、薪金所得</option>
                        <option value="2">个体工商户的生产、经营所得</option>
                        <option value="3">对企事业单位的承包经营、承租经营所得</option>
                        <option value="3">劳务报酬所得</option>
                        <option value="3">稿酬所得</option>
                        <option value="3">特许权使用费所得</option>
                        <option value="3">利息、股息、红利所得</option>
                        <option value="3">财产租赁所得</option>
                        <option value="3">财产转让所得</option>
                        <option value="3">偶然所得</option>
                        <option value="3">经国务院财政部门确定征税的其他所得</option>
                    </select>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">收入额</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" value="0.00">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">免税所得</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" value="0.00">
                </div>
            </div>


            <div class="list-box">
                <a class="weui-cell weui-cell_access list-btn" href="javascript:;">
                    <div class="weui-cell__bd">
                        <p>税前扣除项</p>
                    </div>
                    <span>496.00</span>
                    <div class="weui-cell__ft">
                    </div>
                </a>
                <div class="list-ul">
                    <div class="weui-cells weui-cells_form tax-form">
                        <div class="weui-cell">
                            <div class="weui-cell__hd"><label class="weui-label">基本养老保险费</label></div>
                            <div class="weui-cell__bd">
                                <input class="weui-input" type="text" value="0.00">
                            </div>
                        </div>
                        <div class="weui-cell">
                            <div class="weui-cell__hd"><label class="weui-label">失业保险费</label></div>
                            <div class="weui-cell__bd">
                                <input class="weui-input" type="text" value="0.00">
                            </div>
                        </div>
                        <div class="weui-cell">
                            <div class="weui-cell__hd"><label class="weui-label">住房公积金</label></div>
                            <div class="weui-cell__bd">
                                <input class="weui-input" type="text" value="0.00">
                            </div>
                        </div>
                        <div class="weui-cell">
                            <div class="weui-cell__hd"><label class="weui-label">财产原值</label></div>
                            <div class="weui-cell__bd">
                                <input class="weui-input" type="text" value="0.00">
                            </div>
                        </div>
                        <div class="weui-cell">
                            <div class="weui-cell__hd"><label class="weui-label">容许扣除的税费</label></div>
                            <div class="weui-cell__bd">
                                <input class="weui-input" type="text" value="0.00">
                            </div>
                        </div>
                        <div class="weui-cell">
                            <div class="weui-cell__hd"><label class="weui-label">其他</label></div>
                            <div class="weui-cell__bd">
                                <input class="weui-input" type="text" value="0.00">
                            </div>
                        </div>
                        <div class="weui-cell">
                            <div class="weui-cell__hd"><label class="weui-label">合计</label></div>
                            <div class="weui-cell__bd">
                                <input class="weui-input" type="text" value="0.00">
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">减除费用</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" value="0.00">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">准予扣除捐赠额</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" value="0.00">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">应纳税所得额</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" value="0.00">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">税率%</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" value="0.00">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">速算扣除数</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" value="0.00">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">应纳税额</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" value="0.00">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">减免税额</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" value="0.00">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">已缴税额</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" value="0.00">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">应补(退)税额</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" value="0.00">
                </div>
            </div>
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label class="weui-label">自行申报情形</label>
                </div>
                <div class="weui-cell__bd">
                    <select id="year-select" class="weui-select">
                        <option value="0">请选择</option>
                        <option value="1">从中国境内两处或者两处以上取得工资、薪金所得</option>
                        <option value="2">没有扣缴义务人</option>
                        <option value="3">其他情形</option>
                    </select>
                </div>
            </div>
        </div>



        <div id="new-some" class="new-divbtn">+</div>

        <div class="com-btn" style="display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: space-around;">
            <button id="button" class="weui-btn btn-default" style="width: 45%;padding: 0;margin: 0;background-color: #aaa" disabled>提交申请</button>
            <a href="" type="button" class="weui-btn btn-default" style="width: 45%;margin: 0">返回首页</a>
        </div>
    </form>
</div>


@import "footer.html"

<script>
  $(function () {

    (function () {
      $('#new-some').on('click',function () {
        var oDiv=$('<div class="new-divbox">\n' +
          '            <div class="new-opt">\n' +
          '                <i class="div-close">删除</i>\n' +
          '            </div>\n' +
          '            <div class="new-content">\n' +
          '                <textarea class="weui-textarea">这里是你要填的内容</textarea>\n' +
          '            </div>\n' +
          '        </div>');


        $(this).before(oDiv);
        $('.div-close').on('click',function () {
          $(this).parents('.new-divbox').fadeOut(200,function () {
            $(this).parents('.new-divbox').remove();
          }.bind(this))
        });
        $(document).scrollTop($(this).offset().top)
      });
    })();

    $('#button').on('click',function () {
      /*$.alert('您申请的办税信息已经受理，请耐心等待！');
      setTimeout(function () {
        location.href='../index.html';
      },3000);*/
      console.log($('#cert-form').serialize());
    });
    $('#dengji').select({
      title: "请选择",
      items: [{
        title: "个体工商户",
        value: 1
      }, {
        title: "个人独资企业投资者",
        value: 2
      }],
      onChange: function (sel) {
//        console.log(sel);
      }
    });
    $('#zhengming').select({
      title: "请选择",
      items: [{
        title: "个体工商户",
        value: 1
      }, {
        title: "个人独资企业投资者",
        value: 2
      }],
      onChange: function (sel) {
//        console.log(sel);
      }
    });

    /*$("#tax-get").calendar({
      dateFormat:'yyyy-mm'
    });*/
    (function () {
      var year = new Date(), yearArr = [], yearVul = [];
      for (var i = 0; i < 3; i++) {
        yearVul[i] = year.getFullYear() - i + '-';
        yearArr[i] = year.getFullYear() - i + '年';
      }
      var def=$("#tax-get").val();
      var delArr=def.split('-');
      $("#tax-get-hidden").picker({
        title: "请选择年月",
        value:[delArr[0]+'-', delArr[1]],
        cols: [{
          textAlign: 'center',
          values: yearVul,
          displayValues: yearArr
        }, {
          textAlign: 'center',
          values: ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'],
          displayValues: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
        }
        ],
        onChange: function (data, vul, disV) {
          $("#tax-get").val(vul[0] + vul[1]);
        }
      });
    })();


    (function () {
      var yearHtml='<option value="0">请选择</option>';
      for (var i=0;i<3;i++){
        yearHtml+='<option value="'+(year.getFullYear()-i)+'">'+(year.getFullYear()-i)+'年</option>';
      }
      $('#year-select').html('').append(yearHtml);
      $('.list-btn').on('click',function (e) {
        e.stopPropagation();
        $(this).parent().find('.list-ul').stop().slideToggle(200);
      });
    })();


  })
</script>
</body>
</html>